import React from "react";
import ReactDom from "react-dom";
import "./index.css";
class Car extends React.Component {
  constructor(props) {
    super(props);

    //同一款汽车，他的配置几乎都是一样的，包括内部的一些使用也是一样的。
    this.state = {
      fadongji: "2.0t",
      deng: "led",
      men: "open", // close
      // color: "red",
    };

    // 在组件内部可以形成闭环的状态，不管是静态还是动态，使用state
    // 组件外部的状态，经常需要发生变化，或者定制化的内容，可以考虑使用props
  }

  render() {
    return <div style={{ color: this.props.color }}>car</div>;
  }
}

ReactDom.render(<Car color="blue" />, document.getElementById("root"));
